@import "_base";
@import "compass/reset";

//导航
.nav{   
        height:90px;
        @include vertical-centering;
        justify-content: space-between;
        -ms-flex-pack: justify;
        -ms-flex-align :center;
        padding-top: 44px;
        margin:0 auto;
        .logo{
             @include vertical-centering;
            .logo-img{
               width: 83px;
               height: 49px;
               background:url(../images/Logo.png)0 0 no-repeat;
               background:cover;
            }
            span{
                font-size: 16px;
                color:#FFFFFF;
                margin-left: 30px;
            }
        }
        ul{
            @include vertical-centering;
            position: relative;
            .active:before{
                content: "";
                width: 12px; 
                height: 2px;
                position: absolute;
                left: 7px;
                bottom: calc(50% - 2px);
                background: #26E3E3;
            }
            #active:before{
                content: "";
                width: 12px; 
                height: 2px;
                position: absolute;
                left: 7px;
                bottom: calc(50% - 2px);
                background: #26E3E3;
            }
            li{
                padding: 0 30px;
                position:relative;
                cursor:pointer;
                a{
                    color: #fff;
                }
                a:hover{
                      text-decoration:none;
                      // color:$color5;
                }
            }
            .btn{
                @include allCenter;
                width: 111px;
                height: 36px;
                border: 1px solid #fff;
                padding: 5px 18px;
                border-radius: 20px;
                a{
                    color: #fff;
                    text-decoration:none;
                }
            }
        }
    }
.navActive{
    position:fixed;
    background:#fff;
    color:$color3;
    width:100%;
    padding: 22px 0;
    z-index:99999;
    transition: all .3s;
    // padding:22px -15px 22px -15px;
    .logo{
        .logo-img{
           width: 93px;
           height: 49px;
           background:url(../images/Logo2.png)0 0 no-repeat;
           background-size:cover;
        }
        span{
            color:black;
        }
    }
     ul{
        li{
            a{
                color:black;
            }
        }
        .btn{
            a{
                color:black;
            }
        }
     }
    
}
.container-fluid{
    padding:0;
}
//首页
.items1{
    width: 100%;
    height: 860px;
    background: url('../images/banner.jpg') 0 0 no-repeat;
    background-size: cover;
    position: relative;

    
    .con{
        width: 953px;
        position: absolute;
        left: 0;
        top: 15%;
        right: 0;
        bottom: 0;
        margin: auto;
        @include allCenter;
        flex-flow: column wrap;
        -ms-flex-direction: column;
        -ms-flex-wrap: wrap ;
        h1{
            font-size:36px;  
            color: #fff;
            margin-bottom: 20px;
        }
        p{
           
            
            color: #fff;
        }
        .free-btn{
            @include allCenter;
            // @include btn2(#fff,#fff,$color5);
            border:1px solid #fff;
            color:#fff;
            width: 216px;
            height: 56px;
            font-size: 20px;
            padding: 0;
            border-radius: 26px;
            margin-top: 30px;
        }
        .free-btn:hover{
            border:1px solid #fff;
            color:$color5;
            background:#fff;
        }
        img{
            width: 420px;
            height: 272px;
            margin-top: 90px;
        }
        input{
            width:460px;
            height:40px;
        }
    }
}
.items2{
    background:#fafafa;
    padding-top:70px;
    .title{
        width:120px;
        margin:0 auto;
    }
    .title:after{
        content:"";
        width:40px;
        height:1px;
        margin:0 auto;
        background:$color5;
    }
    .text{
        color:#666666;
        margin:36px 0 50px 0;
    }
    .row{
        p{
            margin-top:20px;
            margin-bottom:70px;
        }
    }
}

.website-main{ min-width: 1200px;}
.website-main .tit{ text-align: center; margin-bottom: 35px;}
.website-main .tit h4{ color: #333; font-size: 28px; font-weight: normal; line-height: 28px;}
.website-main .tit h4 span{ color: #ff6800}
.website-main .tit p{ color: #666; font-size: 14px; line-height: 14px; padding-top: 15px;}
.website-main .tit:after{ content: ""; display: block; width: 52px; height: 2px; background-color: #e7e7e7; margin: 28px auto auto auto;}
.website-main-o{ width: 998px; border: 1px solid #eaeaea; margin: 0 auto; margin-top: -188px; background-color: #fff; -moz-box-shadow:0 10px 25px rgba(0,0,0,.1);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.1);box-shadow:0 10px 25px rgba(0,0,0,.1);}
.website-main .website-main-o .tit{ margin: 0; padding-top: 28px;}
.webSet-main{ padding: 0 0 36px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.webSet-main-li{ margin-top: 36px;}
.webSet-main p.fl{ width: 200px; text-align: right; line-height: 38px; color: #333; font-size: 14px; font-weight: bold; margin-right: 40px;}
.shop-main-o{ padding: 50px 0;}
.shop-main-o .ul1 li{ position:relative; float: left;width: 201px;text-align: center;color: #999999; border-bottom:1px solid #e0e0e0; padding-bottom:12px;font-size: 14px;padding-top: 53px;background: url("../images/wskd_10.png") no-repeat top;background-position: 77px 0;cursor: pointer;}
.shop-main-o .ul1 li:hover{filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.shop-main-o .ul1 li.on{color: #ff6800; border-color: #ff6800;}
.shop-main-o .ul1 li.li2{background-position: -113px 0;}
.shop-main-o .ul1 li.li3{background-position: -312px 0;}
.shop-main-o .ul1 li.li4{background-position: -513px 0;}
.shop-main-o .ul1 li.li5{background-position: -709px 0;}
.shop-main-o .ul1 li.li1.on{background-position: 77px -96px;}
.shop-main-o .ul1 li.li2.on{background-position: -113px -97px;}
.shop-main-o .ul1 li.li3.on{background-position: -312px -95px;}
.shop-main-o .ul1 li.li4.on{background-position: -513px -94px;}
.shop-main-o .ul1 li.li5.on{background-position: -709px -95px;}
.shop-main-o .line{ width: 100%; height: 1px; background-color: #e0e0e0; margin-top: -1px;}
.shop-main-o .ul2{width: 100%;margin-top: 40px;}
.shop-main-o .ul2 li{text-align: center;color: #7b7b7b;font-size: 14px;line-height: 23px;display: none;}
.shop-main-o .ul2 li h4{color: #000000;font-size: 18px;padding-bottom: 10px; font-weight: normal;}
.shop-main-o .ul2 li p{margin-bottom: 20px;}
.shop-main-o .ul2 li img{ display: inline-block;}
.shop-main-o .ul2 li .li-o-m { width:760px; margin:0 auto;}
.shop-main-o .ul2 li .li-o-m .fl{ width:320px; height:180px; background-color:#000;}
.shop-main-o .ul2 li .li-o-m .fr{ margin:30px 0 0 0}
.shop-main-o .ul3 { margin-top: 50px;}
.shop-main-o .ul3 li{float: left;background: url(../images/wskd_10.png) no-repeat top;padding-left: 80px;margin-right: 85px; }
.shop-main-o .ul3 li.li1{background-position: 0 -238px;}
.shop-main-o .ul3 li.li2{background-position: -380px -238px;}
.shop-main-o .ul3 li.li3{background-position: -731px -238px;margin-right: 0;}
.shop-main-o .ul3 li h4{color: #666666;font-size: 18px;line-height: 18px;padding-bottom: 10px; font-weight: normal;}
.shop-main-o .ul3 li p{color: #666666;font-size: 12px;line-height: 22px;}
.w-1000{ width:1000px; margin:0 auto; position:relative;}
.w-1005{ width:1005px; margin:0 auto; position:relative;}
.w-1200{ width:1200px; margin:0 auto; position:relative;}
.clear {
    clear: both;
    font-size: 0px;
    line-height: 0;
    height: 0;
}
.items4{
    padding:50px 0;
    background:#F0F3F5;
    position: relative;
    .tit{ 
        text-align: center;
        margin-bottom: 35px;
        h4{ 
            color: #333; 
            font-size: 28px;
            font-weight: normal; 
            line-height: 28px;
        }
    }
   
    .Case_QrcodeWrap {
        width: 170px;
        height: 135px;
        overflow: hidden;
        position: absolute;
        top: -35px;
        left: 50%;
        z-index: 10;
        margin-left: -100px;
        background-color: #fff;
        text-align: center;
        opacity:0;
        -webkit-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.1);
        box-shadow: 0 1px 1px 2px rgba(0,0,0,0.1);
        -webkit-transition: .3s all ease-in-out;
        -moz-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        .Case_QrcodeWrap_Img {
            margin: 10px auto;
            img{
                width:100px;
            }
            
        }
        span {
            position: relative;
            top: auto;
            font-size: 14px;
        }
    }
    .fadeIn {
        top: -60px;
        opacity:1;
        height: 150px;
    }
    .tit:after{ 
        content: "";
        display: block; width: 52px;
        height: 2px; 
        background-color: #e7e7e7; 
        margin: 28px auto auto auto;
    }
    ul{
        padding: 25px 0;
        clear: both;
    }
    li{
            float: left;
            width: 270px;
            height: 146px;
            border: 1px solid #ebebeb;
            margin-right: 37px;
            background-color: #f5f5f5;
            position: relative;
        .t{
                width: auto;
                height: auto;
                padding: 15px 0;
                overflow: hidden;
            .icon{
                border: 2px solid #00c6f1;
                float: left;
                width: 67px;
                height: 67px;
                border-radius: 50%;
                margin-left: 25px;
            }
            .icon1{
                border: 2px solid #23a0d7;
                background: url(../images/01.png) no-repeat center center;
            }
            .icon2{
                border: 2px solid #fd9525;
                background: url(../images/02.png) no-repeat center center;
            }
            .icon3{
                border: 2px solid #129cfd;
                background: url(../images/03.png) no-repeat center center;
            }
            .icon4{
                border: 2px solid #f1c100;
                background: url(../images/04.png) no-repeat center center;
            }
            .icon5{
                border: 2px solid #00c6f1;
                background: url(../images/05.png) no-repeat center center;
            }
            .icon6{
                border: 2px solid #00a7ad;
                background: url(../images/06.png) no-repeat center center;
            } 
            .icon7{
                border: 2px solid #dfd641;
                background: url(../images/07.png) no-repeat center center;
            }
            .icon8{
                border: 2px solid #c32102;
                background: url(../images/08.png) no-repeat center center;
            }
            .icon9{
                border: 2px solid #1e8dcc;
                background: url(../images/09.png) no-repeat center center;
            } 
            .icon10{
                border: 2px solid #3ecf94;
                background: url(../images/10.png) no-repeat center center;
            }
            .icon11{
                border: 2px solid #ddb100;
                background: url(../images/11.png) no-repeat center center;
            }
            .icon12{
                border: 2px solid #ff8e15;
                background: url(../images/12.png) no-repeat center center;
            }
           .text{
                float: left;
                margin-left: 15px;
                
                h2{
                    font-size: 22px;
                    color: #272727;
                    margin: 8px 0 2px;
                }
                p{
                    font-size: 14px;
                    color: #777;
                }
           }
        }
        .b{
                width: auto;
                height: auto;
                padding: 0 10px;
                text-align: center;
                // @include vertical-centering;
                // justify-content:space-between;
            a{
                display: inline-block;
                width: 96px;
                height: 28px;
                border: 1px solid #c7c7c7;
                border-radius: 2px;
                color: #666;
                font-size: 15px;
                text-align: center;
                line-height: 15px;
                // @include allCenter;
                margin: 0 10px;

            }
            a:hover {
                background-color: #0ad;
                color: #fff;
                border: 1px solid #00b4ea;
            }
        }
    }
    li:hover{
        box-shadow: 0 0 10px #ccc;
    }
    li:last-child {
     margin-right: 0;
    }
    .index_function_mian_listbox ul {
        padding: 35px 0;
        clear: both;
    }
    .index_system_btn {
        width: 100%;
        margin-top: 50px;
        overflow: hidden;
        a{
            width: 228px;
            height: 44px;
            border-radius: 2px;
            border: 1px solid #272727;
            color: #272727;
            font-size: 20px;
            text-align: center;
            line-height: 44px;
            display: block;
            margin: 0 auto;
        }
    }
}
.items5{
    padding: 40px 0;
    width: 100%; 
    text-align: center;
    height:280px;
    background: url(../images/foot-banner.jpg) no-repeat center top;
    background-attachment: fixed;
    .con{
        h4{
            font-size: 28px;
            color: #fff;
            
        }
        .dredge-btn{
//          @include btn(#fa854f,#fa854f,#fff);
            background: #fa854f;
            color: #fff;
            padding: 0;
            width: 335px;
            height: 43px;
            margin: 30px auto;
            border-radius: 3px;
            line-height: 43px;
            font-size: 18px;
        }
        .consult{
            p{
                font-size: 16px;
                color:#fff;
                margin-bottom: 5px;
            }
            p+p{
                font-size: 14px;
                color: #fff;
            }
        }
        
    }
}
footer{
    width:100%;
    height:510px;
    background:#0f1014;
    // position:relative;
    .out{
        padding-top: 70px;
        h3{
            width:72px;
            color: #fff;
            font-size:18px;
            border-bottom:1px solid #999999;
            padding-bottom:15px;
            margin-bottom:24px;
        }
        ul{
            color:#999999;
            li{
                margin-top:10px;
                img{
                    width:150px;
                    height:auto;
                }
            }
        }
    }
    .infor{
        // position:absolute;
        // bottom:40px;
        margin-top:100px;
        p{
            text-align:center;
        }
    }
}
//产品介绍
.pro-items1{
    width: 100%;
    height: 630px;
    background: url('../images/pro-banner.jpg') 0 0 no-repeat;
    background-size: cover;
    position: relative;
    .con{
        width: 953px;
        height:300px;
        position: absolute;
        left: 0;
        top: 14%;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        // margin-top:40px;
        @include allCenter;
        flex-flow: column wrap;
        -ms-flex-direction: column;
        -ms-flex-wrap: wrap ;
        z-index:111;
        h1{
            font-size:36px;  
            color: #fff;
            margin-bottom:34px;
        }
        p{
            color: #fff;
        }
        .advantage-btn{
            border:1px solid #fff;
            color:#fff;
            @include allCenter;
            width: 250px;
            height: 52px;
            font-size: 22px;
            // padding: 0;
            border-radius: 3px;
            margin-top:34px;
            cursor:pointer;
        }
        .advantage-btn:hover{
            background:#ffffff;
            border:1px solid #fff;
            color:$color5;
        }
        
    }
}
.pro-items2{
    position:relative;
    width: 100%;
    height:600px;
    margin:0 auto;
    left: 0;
    top: -25%;
    right: 0;
    bottom: 0;
    margin: auto;
    @include allCenter;
    flex-flow: column wrap;
    -ms-flex-direction: column;
    -ms-flex-wrap: wrap ;
    z-index:999;
    background:#fff;
    .con{
        position:absolute;
        top:-220px;
        left: 0;
        right: 0;
        bottom: 0;
        h2{
            margin-top: 40px;
            padding:30px 0;
            font-size:26px;
            color:#333333;
        }
        p{
            font-size:16px;
            color:#333333;
        }
        .box{
            width:998px;
            height:499px;
             background:#fff;
            -moz-box-shadow:0 10px 25px rgba(0,0,0,.1);
            -webkit-box-shadow:0 10px 25px rgba(0,0,0,.1);
            box-shadow:0 0 25px rgba(0,0,0,.1);
            margin: 0 auto;
            h2{
                border-bottom:1px solid #eeeeee;
            }
        }
        .select{
            @include vertical-centering;
            margin-left:130px;
            padding-top:50px;
           .select-img{
             position:relative;
           }
            span{
                width:80px;
                margin-right:45px;
                font-weight:bold;
                 text-align:right;
            }
            var{
                position:absolute;
                top:72%;
                left:35%;
                font-size:17px;
                color:#333;
            }
            img{
                margin-right: 12px;
                border:1px solid #ffffff;
                border-radius:1px;
            }
            .imgOn{
                border:1px solid #ff6800;
                border-radius:2px;
            }
            img:hover{
                border:1px solid #ff6800;
                border-radius:2px;
            }
        }
        .price{
            @include vertical-centering;
            margin-left:130px;
            margin-top:50px;
            span{
                width:80px;
                margin-right:45px;
                font-weight:bold;
                text-align:right;
            }
            .price-select{
                 margin-right: 34px;
                 var{
                    font-size:22px;
                    font-weight:bold;
                    color:$color5;
                 }
            }
        }
        .free-dredge{
            width:260px;
            height:48px;
            margin:0 auto;
            margin-top:50px;
            @include allCenter;
            background:$color5;
            color:#fff;
            border-radius:3px;
            font-size:20px;
            cursor:pointer;
        }
    }
    .shops{
        margin:0 auto;
        width: 953px;
        position:absolute;
        top: 922px;
        left: 0;
        right: 0;
        bottom: 0;
        // margin: auto;
        // @include allCenter;
        // flex-flow: column wrap;
        h2{
            margin-top: 40px;
            font-size:26px;
            color:#fff;
        }
        p{
            color:#fff;
            margin:10px 0;
        }
        .o-m-l{width:50%; text-align:center;}
        .o-m-l h4{color:#fff; font-weight: normal; font-size:30px; line-height:30px; margin-bottom:20px;}
        .o-m-l img{margin-bottom:20px; display: inline-block;}
        .o-m-l ul{text-align:center; width:400px; margin:0 auto}
        .o-m-l ul li{display:inline-block; width:100px; height:100px; margin:5px 15px; background:url(../images/wxd-spri.png) no-repeat; background-position:0 -292px;}
        .o-m-l ul li .li-img{width: 37px; height:37px; margin:8px auto 8px auto;}
        .o-m-l ul li .li-img span{display:block; float:left; width:33px; height:33px; background:url(../images/wxd-spri.png) no-repeat; background-position:0 -97px; margin:2px 0 0 2px;}
        .o-m-l ul li.li-t .li-img span{width:34px; height:34px; margin:1.5px 0 0 1.5px; background-position:0 -130px;}
        .o-m-l ul li.li-s .li-img span{width:37px; height:37px; background-position:0 -255px;}
        .o-m-l ul li.li-f .li-img span{width:36px; height:29px; margin:4px 0 0 0.5px; background-position:0 -196px;}
        .o-m-l ul li.li-w .li-img span{width:31px; height:33px; margin:2px 0 0 3px; background-position:0 -32px;}
        .o-m-l ul li.li-l .li-img span{width:36px; height:30px; margin:3.5px 0 0 0.5px; background-position:0 -225px;}
        .o-m-l ul li.li-q .li-img span{width:35px; height:32px; margin:2.5px 0 0 1px; background-position:0 -164px;}
        .o-m-l ul li.li-b .li-img span{width:29px; height:32px; margin:2.5px 0 0 4px; background-position:0 0;}
        .o-m-l ul li.li-j .li-img span{width:32px; height:32px; margin:2.5px 0 0 2.5px; background-position:0 -65px;}
        .o-m-l ul li p{font-size:14px; line-height:18px; color:#666;}
        .fl{float:left;margin-bottom:110px;}
        .fr{float:right;}
        }
    .shops-img{
        @include vertical-centering;
        justify-content:space-between;
        margin-top:30px;
    }
    .wjz_main_t{
        margin:0 auto;
        position:absolute;
        top: 1650px;
        left: 0;
        right: 0;
        bottom: 0;
        // background:#fcf9f6; 
        // padding:50px 0 0 0;
        width:1200px;
        h2{
            margin-top: 40px;
            font-size:26px;
            // color:#fff;
        }
        p{
            // color:#fff;
            margin:10px 0;
        }
        //滑动
        .cbp-so-scroller {
            overflow: hidden;
        }
        .cbp-so-section {
            border-bottom:1px solid #f2f2f2
        }
        /* Clear floats of children */
        .cbp-so-section:before, .cbp-so-section:after {
            content: " ";
            display: table;
        }
        .cbp-so-section:after {
            clear: both;
        }
        /* Text styling */
        .cbp-so-section h2 {
            font-size: 30px;
            color:#a5a5a5;
            line-height:30px;
            padding-bottom:15px;
        }
        .cbp-so-section h2 span {
            color:#fc5604;
            font-weight:bold;
        }
        .cbp-so-section p {
            font-size: 16px;
            color:#555555;
            line-height:26px;
        }
        /* Sides */
        .cbp-so-side {
            margin: 0;
            overflow: hidden;
            -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
            -moz-transition: -moz-transform 0.5s, opacity 0.5s;
            transition: transform 0.5s, opacity 0.5s;
        }
        .cbp-so-side:before, .cbp-so-side:after {
            content: " ";
            display: table;
        }
        .cbp-so-side:after {
            clear: both;
        }
        .cbp-so-side-right {
            float:right;
            text-align:left;
            display:inline-block
        }
        .cbp-so-side-left {
            float:left;
            text-align:left;
            display:inline-block
        }
        .cbp-so-init .cbp-so-side {
            opacity: 0;
        }
        .cbp-so-init .cbp-so-side-left {
            display:block;
            float:left;
            -webkit-transform: translateX(-80px);
            -moz-transform: translateX(-80px);
            transform: translateX(-80px);
        }
        .cbp-so-init .cbp-so-side-right {
            float:right;
            -webkit-transform: translateX(80px);
            -moz-transform: translateX(80px);
            transform: translateX(80px);
        }
        .cbp-so-section.cbp-so-animate .cbp-so-side-left, .cbp-so-section.cbp-so-animate .cbp-so-side-right {
            -webkit-transform: translateX(0px);
            -moz-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1;
        }
        .sec_o .cbp-so-side-left {
            margin:0 0 0 80px;
        }
        .sec_o .cbp-so-side-right {
            margin:53px 60px 0 0;
        }
        .sec_t {
            padding-bottom:35px;
        }
        .sec_t .cbp-so-side-left {
            margin:68px 0 0 10px;
        }
        .sec_t .cbp-so-side-right {
            margin:38px 70px 0 0;
        }
        .sec_s {
            padding-bottom:35px;
        }
        .sec_s .cbp-so-side-left {
            margin:22px 0 0 50px;
        }
        .sec_s .cbp-so-side-right {
            margin:111px 78px 0 0;
        }
        .cbp-so-section.sec_f {
            padding-bottom:50px;
            border-bottom:0;
        }
        .sec_f .cbp-so-side-left {
            margin:105px 0 0 10px;
        }
        .sec_f .cbp-so-side-right {
            margin:20px 10px 0 0;
        }
       
    }
}
.pro-items3{
    width: 100%;
    height: 1293px;
    z-index:-111;
    margin-top:-300px;
    background: url('../images/banner3.jpg') 50% 80px no-repeat;
    background-size: cover;
    position: relative;
    // background-attachment: fixed;
}
.pro-items4{
    width: 100%;
    height: 2287px;
    // z-index:-111;
    position:absolute;
    // top:-300px;
    background: #fcf9f6;
    background-size: cover;
    position: relative;
}
.wxd-kt{ 
    width: 100%; 
    text-align: center;
    height:280px;
    background: url(../images/foot-banner.jpg) no-repeat center top;
    background-attachment: fixed;
    p{ 
        color: #fff;
        font-size: 24px; 
        line-height: 40px;
        padding-top: 60px;
    }
    .webSet-btn{
        a{ 
            display: inline-block;
            color: #ff6800;
            font-size: 20px;
            line-height: 46px;
            width: 240px;
            text-align: center;
            background-color: #fff;
            text-decoration:none;
        }
        a:hover{  background-color: #eaeaea;}
    }
}

.help-items1{
    width: 100%;
    height: 500px;
    background: url('../images/help-banner.jpg') 0 0 no-repeat;
    background-size: cover;
    position: relative;
    .con{
        width: 953px;
        position: absolute;
        left: 0;
        top: 15%;
        right: 0;
        bottom: 0;
        margin: auto;
        @include allCenter;
        flex-flow: column wrap;
        -ms-flex-direction: column;
        -ms-flex-wrap: wrap ;
        h1{
            font-size:36px;  
             color: #fff;
        }
        .search{
            position:relative;
             input{
                width:460px;
                height:40px;
                // border-radius:1px;
                border:none;
                text-indent: 32px;
                color:#cccccc;
                font-size:16px;
                margin-top:20px;
            }
            i{
                width:24px;
                height: 24px;
                background: url('../images/search.png') 0 0 no-repeat;
                background-size:cover;
                position:absolute;
                top:27px;
                right:30px;
                z-index:999;
            }
        }
    }
}
.help-items2{
    margin-top:50px;
    padding: 40px;
    width:1200px;
    height:auto;
    .tit{
        @include vertical-centering;
        border-bottom:1px solid #dadee1;
        padding-bottom:10px;
        img{
            width:20px;
            margin-right:10px;
        }   
        p{
            margin:0;
            font-size:19px;
        }
    }
    .con{
        @include flex;
        justify-content:space-between;
        -ms-flex-pack :justify;
         ul{
            padding:30px 20px;
            // padding-left:20px;
            .first{
                color:#474e59;
                font-size:17px;
            }
            li{
                color:#3099ff;
                padding:10px 0;
                font-size:16px;
            }
        }
    }
}
//登录
.login-out{
    position: fixed;
    top: 0;
    left: 0;
    bottom:0;
    right:0;
    width:100%;
    height:auto;
    background-color:#f5f5f5;
    padding-top:100px;
    .logo{
        width:90px;
        position:absolute;
        top:30px;
        left:30px;
        img{
        width:90px;
        }
    }
    .login{
        @include allCenter;
        flex-flow: column wrap;
        -ms-flex-direction: column;
        -ms-flex-wrap: wrap ;
        width: 420px;
        height:441px;
        margin: 0 auto;
        background:#fff;
        margin-bottom:80px;
        .tit{
            color:#333333;
            font-size:30px;
            margin-bottom:40px;
        }
        input{
            width:300px;
            height:35px;
            color:#cccccc;
            text-indent:20px;
            margin-top:20px;
            border-radius:2px;
            border:1px solid #cccccc;
        }
        input:focus{
            outline: none;  
            box-shadow: 0 0 5px  #F39800;  
            border-radius: 5px;  
        }
        .btn{
            @include allCenter;
            margin-top:30px;
            margin-bottom:18px;
            width:300px;
            height:39px;
            color:#fefefe;
            background:#f39800;
            border-radius:3px;
        }
        .btn:hover{
            background:#F8A71E;
            
        }
        .tip{
            @include vertical-centering;
            justify-content:space-between;
            width: 300px;
            font-size:12px;
            a{
                color:#f39800;
                text-decoration:none;
            }
        }
    }
}
//注册
.register-out{
    position: fixed;
    top: 0;
    left: 0;
    bottom:0;
    right:0;
    width:100%;
    height:auto;
    background-color:#f5f5f5;
    padding-top:100px;
    .logo{
        width:90px;
        position:absolute;
        top:30px;
        left:30px;
        img{
        width:90px;
        }
    }
    .register{
        @include allCenter;
        flex-flow: column wrap;
        -ms-flex-direction: column;
        -ms-flex-wrap: wrap ;
        width: 420px;
        height:580px;
        margin: 0 auto;
        background:#fff;
        margin-bottom:80px;
        // padding: 30px 0;
        .tit{
            color:#333333;
            font-size:30px;
            margin-bottom:40px;
        }
        input{
            width:350px;
            height:35px;
            color:#cccccc;
            text-indent:18px;
            border-radius:2px;
            border:1px solid #cccccc;
        }
        input:focus{
            outline: none;  
            box-shadow: 0 0 5px  #F39800;  
            border-radius: 5px;  
        }
        label{
             margin-top:20px;
             position:relative;
             
        }
        .email{
           i{
                width:20px;
                height:20px;
                position:absolute;
                left:10px;
                top:8px;
                background:url(../images/user.png) 0 0 no-repeat;
                background-size:cover;
            }
        }
        .password{
            i{
                width:20px;
                height:20px;
                position:absolute;
                left:10px;
                top:8px;
                background:url(../images/password.png) 0 0 no-repeat;
                background-size:cover;
            }
        }
        .code{
            @include vertical-centering;
            justify-content:space-between;
            width:350px;
            input{
                text-indent:18px;
                width:220px;
            }
            img{
                width:100px;
            }
            .getCode{
                width:100px;
                height:28px;
                font-size:14px;
                 // margin-left:30px;
                @include btn1($color5,#fff,$color5);
            }
        }
        .btn{
            @include allCenter;
            margin-top:50px;
            margin-bottom:18px;
            width:350px;
            height:39px;
            color:#fefefe;
            background:#f39800;
            border-radius:3px;
        }
        .btn:hover{
           background:#F8A71E;
            
        }
        .tip{
            @include allCenter;
            width: 350px;
            font-size:12px;
            text-align:center;
             margin:0 auto;
            p{
                color:#959393;
            }
            a{
                color:#f39800;
            }
        }
        .tip2{
            margin-top: 40px;
        }
    }
}
//代理合作
.ag-items1{
    width: 100%;
    height: 630px;
    background: url('../images/ag-banner.jpg') 0 0 no-repeat;
    background-size: cover;
}
.ag-items2{
    position:relative;
   
    .l{
        padding:200px 80px;
        color:#6EB444;
         width:1200px;
         margin:0 auto;
        .tit{
            @include vertical-centering;
            h2{
                font-size:33px;
                margin:0;
                font-weight:bolder;
                margin-right:10px;
            }
            p{
                font-size:12px;
                margin:0;
            }
            p+p{
                // margin-bottom:15px;
            }
        }
        .text{
            margin-top:30px;
            color:#6EB444;
           li{
            margin-top:20px;
            @include vertical-centering;
                span{
                    width:30px;
                    height:30px;
                    background:url(../images/shuzikuang.png)0 0 no-repeat;
                    background-size:cover;
                    text-align:center;
                    line-height:30px;
                    margin-right:5px;
                    font-size:16px;
                    color:#6EB444;
                }
                p{
                    font-size:16px;
                }
            } 
        }
        .quan{
            width:433px;
            position:absolute;
            top:100px;
            left:950px;
            img{
                 width:433px;
            }
        }
    }
    .b{
        width:100%;
        height:auto;
        background:url(../images/sanwei.jpg)0 0 no-repeat;
        background-size:cover;
        background-attachment:fixed;

        .con{
            width:1200px;
            padding:100px 0px;
            color:#fff;
            margin:0 auto;
            .tit{
                p{
                    margin-top:20px;
                }
            }
            ul{
                margin-top:70px;
                @include vertical-centering;
                justify-content:space-around;
                -ms-flex-pack:justify;
                li{
                   margin:0 30px;
                   width:300px;
                   img{
                    margin-bottom:20px;
                   }
                   p{
                        font-size:19px;
                   }
                   p+p{
                        font-size:13px;
                   }
                }
            }
        }
    }
}
.ag-items3{
     margin-bottom:52px;
    .con{
        width:1200px;
        padding:100px 0px;
        margin:0 auto;

        .tit{
            p{
                margin-top:20px;
            }
        }
        ul{
            margin-top:70px;
            @include vertical-centering;
            justify-content:space-around;
            -ms-flex-pack:justify;
            li{
               margin:0 30px;
               text-align:center;
               width:300px;
               img{
                margin-bottom:20px;
               }
               p{
                    font-size:19px;
                    margin-bottom:20px;

               }
               p+p{
                    font-size:13px;
                    color:#7F8082;
               }
            }
        }
    }
    .con2{
        width:1200px;
        height:650px;
        padding:100px 0px;
        margin:0 auto;
        .tit{
            p{
                margin-top:20px;
                font-size:30px;
                color:#24AF95;
                text-align:center;
            }
        }
        .entOut{
            width:1200px;
            margin-top:80px;
            position:relative;
            .ent1{
                @include allCenter;
                flex-flow: column;
                -ms-flex-direction: column;
                position: absolute;
                top:0;
                left:40%;
                p{
                    margin-top:25px;
                    color:#999;
                }
            }
            .ent2{
                 @include allCenter;
                flex-flow: column;
                -ms-flex-direction: column;
                position: absolute;
                top:100px;
                left:200px;
                p{
                    margin-top:25px;
                    color:#999;
                }
            }
            .ent3{
                @include allCenter;
                flex-flow: column;
                -ms-flex-direction: column;
                position: absolute;
                top:100px;
                right:200px;
                p{
                    margin-top:25px;
                    color:#999;
                }
            }
            .ent4{
                @include allCenter;
                flex-flow: column;
                -ms-flex-direction: column;
                position: absolute;
                background:url(../images/duobian.png)0 0 no-repeat;
                background-size:cover;
                width:125px;
                height:115px;
                top:190px;
                left:46%;
                font-size:28px;
                padding-top:17px;
                // font-weight:bold;
                color:#FFCE30;
                p{
                    margin:0px;
                    text-align:center;
                }
                p{
                    margin-top: -8px;
                }
            }

        }
    }
    .con3{
        width:1200px;
        height:600px;
          margin:0 auto;
         .tit{
            p{
                margin-top:20px;
                font-size:30px;
                color:#6EB444;
                text-align:center;
            }
        }
        .applyForm{
            width:1200px;
            height:600px;
            background:url(../images/shou.jpg)0 0 no-repeat;
            background-size:cover;
            padding:77px 400px;
            input{
                    padding:3px;
                    width:400px;
                    padding-left:10px;
                    margin-bottom:20px;
                }
            input:focus{
                color:#ccc;
            }
            .btn-base-bg{
                   background: #17bed2;
                    color: #fff;
                    border-color: transparent;
            }
            .btn-base-bg:hover{
               background: #2AC7DA;
            }
            
            .btn-theme-sm {
                font-size: 13px;
                font-weight: 600;
                padding: 15px 30px;
                margin-top:15px;
            }
            .select{
                @include vertical-centering;
                margin-bottom:15px;
                select{
                    width:130px;
                    margin-right: 5px;
                }
            }
            .codeOut{
                 @include vertical-centering;
                .code{
                    width:250px;
                    // padding:3px 19px;

                }

                .code-btn{
                    width:130px;
                    height:34px;
                    margin-left:20px;
                    background: #fff;
                    color: #17bed2;
                    border: 1px solid #17bed2;
                }
                .code-btn:hover{
                    background: #17bed2;
                    color:#fff;
                }
            }
            textarea{
                width:400px;
                resize: none;
            }
        }
    }
}